<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>对元素内容操作的示例</title>
<style>
body{
	font-size:12px;
}
</style>
<script type="text/javascript" src="JS/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
   $(document).ready(function(){
		$("#div1").text("<span style='color:#FF0000'>我是通过text()方法设置的HTML内容</span>");
		$("#div2").html("<span style='color:#FF0000'>我是通过html()方法设置的HTML内容</span>");
   });
</script>

</head>

<body>
应用text()方法设置的内容
<div id="div1">
<span id="clock">当前时间：2021-03-03 星期三 13:20:10</span>
</div>
<br />应用html()方法设置的内容
<div id="div2">
<span id="clock">当前时间：2021-03-03 星期三 13:20:10</span>
</div>
</body>
</html>
